<script type="text/javascript">
function generatingSql(form){
	submitPost(form, sqlCallback);
}
function sqlCallback(data){
	document.getElementById('rightTextArea1').value=data.insert;
	document.getElementById('rightTextArea2').value=data.select;
	document.getElementById('rightTextArea3').value=data.update;
	document.getElementById('rightTextArea4').value=data.remove;
}

</script>
<h1>${title}</h1>
<form name="sqlGenForm" action="./sqlGen" method="post">
Table Columns<br>
<div id="leftDiv">
	<textarea id="leftTextArea" name="input" cols="40" rows="15"></textarea>
</div>
<div id="buttons">
	<input type="button" name="forward" onClick="generatingSql(document.sqlGenForm)" value="-->" />
</div>
<div id="rightDiv">
Inert Statement<br>
	<textarea id="rightTextArea1" cols="40" rows="10"></textarea>
	<br/>Select Statement<br/>
	<textarea id="rightTextArea2" cols="40" rows="10"></textarea>
	<br/>Update Statement<br/>
	<textarea id="rightTextArea3" cols="40" rows="10"></textarea>
	<br/>Delete Statement<br/>
	<textarea id="rightTextArea4" cols="40" rows="10"></textarea>
</div>
</form>